import styled from 'styled-components'

export const LeftHeaderWrapper = styled.div`
  display: flex;
  align-items: center;
  img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }

  .header_title {
    display: flex;
    flex-direction: column;
    margin-left: 10px;

    span {
      white-space: nowrap;
    }

    .main_title {  
      color: var(--fontColorTop);
      font-size: 20px;
      font-weight: 700;
    }
    .main_subtitle {
      color: var(--fontColorBase);
      font-size: 12px;
      line-height: 1.3;
    }
  }
`
